<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路劲：
1：相对路劲
a.资源和页面在同意目录：直接写图片名
b.资源在页面的上级目录：../图片名
c：资源在页面的下级目录：文件夹名/图片名

-->
<!--图片停止在图片上显示的文本-->
<img src="1.jpeg" title="标题" width="100">
<!--width/height 设置宽高，只设置宽高会自动等比例缩放
两种赋值方式：1.像素 2.百分比-->
<img src="1.jpeg" title="标题" width="100%">
<!--alt: = 当图片不显示时显示的文本-->
<img src="../3.webp" alt="这是个美女">
<img src="abc/2.jpg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///c875e07de3204bffb6f1964786bcb88c.jpg">
</body>
</html>